<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>URL路径表达式</title>
</head>
<body>
<h1>URL路径表达式：@{......}</h1>
<h2>a标签：绝对路径(没有参数)</h2>
<a href="http://www.baidu.com">传统写法：跳转至百度</a><br/><br/>
<a th:href="@{http://www.baidu.com}">路径表达式写法：跳转至百度</a><br/><br/>
<a href="http://localhost:8080/user">传统写法：跳转至user页面</a><br/><br/>
<a th:href="@{http://localhost:8080/user}">路径表达式写法：跳转至user页面</a><br/><br/>

<h2>a标签：相对路径(没有参数)</h2>
<!--    相对路径，开头这个斜杠 “/”，加不加都可以-->
<a href="/user">传统写法：跳转至user页面</a><br/><br/>
<a th:href="@{/user}">路径表达式写法：跳转至user页面</a><br/><br/>

<h2>a标签：绝对路径(带参数)</h2>
<a href="http://localhost:8080/msg3?id=18070070&name=刘明福&age=21">传统写法：跳转到message页面</a><br/><br/>
<a th:href="@{http://localhost:8080/msg3?id=18070071&name='刘明福'&age=21}">路径表达式写法：跳转到message页面</a><br/><br/>

<h2>a标签：相对路径(带参数)</h2>
<a href="/msg3?id=18070070&name=刘明福&age=21">传统写法：跳转到message页面</a><br/><br/>
<a th:href="@{/msg3?id=18070071&name='刘明福'&age=21}">路径表达式写法1：跳转到message页面</a><br/><br/>
<!--    这里面的()：最后会被解析成 ?-->
<a th:href="@{/msg3(id=18070071,name='刘明福',age=21)}">路径表达式写法2：跳转到message页面</a><br/><br/>

<h2>a标签：绝对路径(带后台获取的参数)</h2>
<!--    传统写法无法从后台获取参数-->
<!--<a href="'/msg3?id='+${id}+'&name='+${name}+'&age='+${age}">传统写法：带后台获取的参数,跳转到message页面</a><br/><br/>-->
<a th:href="@{'http://localhost:8080/msg3?id='+${id}+'&name='+${name}+'&age='+${age}}">路径表达式写法1：带后台获取的参数,跳转到message页面</a><br/><br/>
<a th:href="@{http://localhost:8080/msg3(id=${id},name=${name},age=${age})}">路径表达式写法2：带后台获取的参数,跳转到message页面</a><br/><br/>

<h2>a标签：相对路径(带后台获取的参数)</h2>
<!--    传统写法无法从后台获取参数-->
<!--<a href="'/msg3?id='+${id}+'&name='+${name}+'&age='+${age}">传统写法：带后台获取的参数,跳转到message页面</a><br/><br/>-->
<a th:href="@{'/msg3?id='+${id}+'&name='+${name}+'&age='+${age}}">路径表达式写法1：带后台获取的参数,跳转到message页面</a><br/><br/>
<a th:href="@{/msg3(id=${id},name=${name},age=${age})}">路径表达式写法2：带后台获取的参数,跳转到message页面</a><br/><br/>

<h2>a标签：restful风格，相对路径(带后台获取的参数)</h2>
<!--
    1. 这里面的()：最后会被解析成 ?
    2. 所以restful风格中，不能使用()
-->
<a th:href="@{'/msg4/'+${id}+'/'+${name}+'/'+${age}}">restful风格：带后台获取的参数,跳转到message页面</a><br/><br/>

</body>
</html>